<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template/user.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="header">
        <!--h:outputScript library="admin/js" name="jquery-1.5.2.min.js"/-->
    </ui:define>

    <ui:define name="context">

        <!--div class="section_w500">

            <h2>Welcome to Sky Blue</h2>
            <a href="http://www.templatemo.com/page/1"><h:graphicImage library="user/images" name="templatemo_image_01.jpg" class="image_wrapper fl_image"/></a>
            <p><span class="em_text">Sky Blue is a <a href="http://www.templatemo.com" target="_parent">Free CSS Template</a> is provided by <a href="http://www.templatemo.com" target="_parent">templatemo.com</a> for anyone. Feel free to download and use this template for your websites. Credit goes to <a href="http://www.photovaco.com" target="_blank">Free Photos</a> for photos.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae turpis quis dui pellentesque semper. Suspendisse potenti. Fusce ullamcorper pellentesque lacinia.</p>

        </div>        

        <div class="margin_bottom_20"></div-->

        <div class="section_w500">    

            <h2>Welcome #{u_memberManagedBean.member.nickName}</h2>
            Friend Suggestion
            <div class="margin_bottom_20"></div>
            #{u_memberManagedBean.refreshFriendSuggestionList()}
            <ul class="list_01">
                <c:forEach var="m" items="#{u_memberManagedBean.friendSuggestionList}">
                    <div class="feat_prod_box">

                        <div class="prod_img">
                            <p:commandLink action="#{u_memberDetailManagedBean.ViewDetail(m)}">
                                <p:graphicImage library="user/images/avatar" name="#{u_memberDetailManagedBean.Get_Avatar(m)}" width="88" height="96"/>
                            </p:commandLink>
                        </div>

                        <div class="prod_det_box">

                            <div class="box_top"></div>
                            <div class="box_center">
                                <div class="prod_title">#{m.nickName}</div>

                                <p class="details">
                                    Caste : ${m.username}
                                </p>

                                <p class="details">
                                    Language : ${m.IDLanguage.language}
                                </p>

                                <p class="details">
                                    Country : ${m.IDState.IDCountry.country}
                                </p>

                                <a href="details.html" class="more">- more details -</a>
                                <div class="clear"></div>
                            </div>

                            <div class="box_bottom"></div>
                        </div>    
                        <div class="clear"></div>
                    </div>

                </c:forEach>
            </ul>
            <!--a href="http://www.templatemo.com/page/2"><h:graphicImage library="user/images" name="templatemo_image_02.jpg" class="image_wrapper fr_image"/></a>
            <p>Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>. Nulla tellus nisl, malesuada eu dictum blandit, feugiat ac sem. Morbi justo lorem, dapibus sed aliquet id, aliquam eu justo. <a class="no_link" href="http://fr.photohq.com/" title="fichiers photo"  target="_blank">Etiam</a> urna nisi, hendrerit eu pellentesque quis, aliquet nec velit. Etiam at justo et risus feugiat ullamcorper ac non ligula. Morbi dapibus, ipsum eu laoreet fermentum, mauris mauris sollicitudin ante, ac ultricies velit lectus at justo. Etiam mi lacus, faucibus eu egestas eget, lacinia in libero. Aenean libero mauris, convallis tristique molestie at, vehicula feugiat neque. Morbi fermentum, eros eget pulvinar sollicitudin, risus purus iaculis turpis, varius consectetur eros leo eget ipsum.</p>

            

            <div class="button_01"><a href="#">Read more</a></div-->

        </div>

        <div class="cleaner"></div>
    </ui:define>

</ui:composition>
